<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link href="./common/reset.css" rel="stylesheet" type="text/css" />
    <style>
        .menuList{display:none}
        .menuButton:hover .menuList{display:block;}
        /*  菜单样式 */
        .floatLeft{float:left}
        .subMenu{display:none}
        li:hover .subMenu{display:block;}


    </style>
</head>
<body>
    <a class="menuButton">滑过
<ul class="menuList">
    <li>this is menu</li>
    <li>this is menu</li>
    <li>this is menu</li>
    <li>this is menu</li>
</ul>
    </a>

<br>
<div id="menu">
    <ul>
        <li class="floatLeft">
            <a href="http://www.baidu.com">测试</a>
            <ul class="subMenu">
                <li><a href="http://www.baidu.com">菜单</a></li>
                <li><a href="http://www.baidu.com">菜单</a></li>
                <li><a href="http://www.baidu.com">菜单</a></li>
                <li><a href="http://www.baidu.com">菜单</a></li>
                <li><a href="http://www.baidu.com">菜单</a></li>
                <li><a href="http://www.baidu.com">菜单</a></li>
            </ul>

        </li>
        <li class="floatLeft">
            <a href="http://www.baidu.com">测试</a>
            <ul class="subMenu">
                <li><a href="http://www.baidu.com">菜单</a></li>
                <li><a href="http://www.baidu.com">菜单</a></li>
                <li><a href="http://www.baidu.com">菜单</a></li>
                <li><a href="http://www.baidu.com">菜单</a></li>
                <li><a href="http://www.baidu.com">菜单</a></li>
                <li><a href="http://www.baidu.com">菜单</a></li>
            </ul>

        </li>
        <li class="floatLeft">
            <a href="http://www.baidu.com">测试</a>
            <ul class="subMenu">
                <li><a href="http://www.baidu.com">菜单</a></li>
                <li><a href="http://www.baidu.com">菜单</a></li>
                <li><a href="http://www.baidu.com">菜单</a></li>
                <li><a href="http://www.baidu.com">菜单</a></li>
                <li><a href="http://www.baidu.com">菜单</a></li>
                <li><a href="http://www.baidu.com">菜单</a></li>
            </ul>

        </li>
    </ul>

</div>

</body>
</html>